
* { color:#77FF77; }

html 
{
width:100%;
height:100%;
}

body 
{
        text-align: center;
        padding: 0;
		margin: 0;
		width:100%;
		height:100%;
        background-color: #000;
		color:#77FF77; 
        /* font: 10px "Trebuchet MS", Geneva, Arial, Verdana, sans-serif; */
}



a img {
	border:none;
}

.main 
{
        text-align:left;
        border: 1px dotted white;
}

.title
{
	position:absolute;
	left:222px;
	top:0px;
	height:20px;
	width:77%;
	font-family: 'Comic sans MS';
	font-size:18px;
}

.player {
	position:absolute;
	top:22px;
	left:222px;
	width:77%;	
	height:570px;
}

.list
{	position:absolute;
	left:0;
	width:220px;
	top:0px;
	height:592px;
	overflow:hidden;
	overflow-y:scroll;
	border:none;
	border-right:3px;
	border-color:#777777;
}

ul , .videoList{
	text-align:left;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
	/*
	padding-top:8px;
	padding-bottom:8px;
	margin:0 0 0 0;
	*/
}

li, .listItem {
	/* background-color:transparent; */
	color:inherit;
	cursor:pointer;
	padding:6 0 6 0;
	margin:0 0 0 0;
	font-size:15px;
	font-family:'Trebuchet MS';
	text-align:center;
}

li:hover, .listItemHover {
	cursor:pointer;
	/* background-color:#008809; */
	background-image:url('./fond_vodathome_3.jpg');
	opacity:1.5; 
	filter:alpha(opacity=150);
	color:white;
	border:1px outset;
}

.playerFrame {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	height:100%;
}

a.source {
	color:gray;
}

a.source:hover {
	color:white;
}


.fond 
{
	opacity:0.4; 
	filter:alpha(opacity=40); 
	position:absolute;
	top:15px;
	left:12%;
	width:75%;
	height:75%;
	overflow:none;
}












/* ------------------------ */
/* New Streaming Client */
/* ------------------------ */

body 
{
		/* background-color:#111111; */
		color:#AAAAAA;
}
	
td 
{
		vertical-align:top;
}
	
h1 
{
		font-family:'Trebuchet';
		font-size:22px;
		margin-bottom:0;
}

h2 
{
		font-family:'Garamond';
		font-size:20px;
		margin-bottom:0;
		text-align:center;
		display:block;
}

.rightBorder
{
		border-right:1px dotted #666666;
		overflow:none;
}

#localContents
{
		width:100%;
		height:95%;
		border-top:1px dotted #666666;
}

#lanContents
{
		width:100%;
		height:95%;
		border-top:1px dotted #666666;
		overflow:hidden;
		overflow-y:auto
}

#internetContents
{
		width:100%;
		height:95%;
		border-top:1px dotted #666666;
}
	
.menuItem
{
		display:block;
		height:32px;
		font-size:18px;
		background-color:#222222;
}

.menuItem:hover
{
		display:block;
		height:32px;
		font-size:18px;
		background-color:#222222;
		color:#22CC55;
}

#sources
{ 
		scrollbar-face-color: #d4d0c8 ;
		scrollbar-arrow-color: #ffffff ; 
		scrollbar-track-color: #cccccc ;
		scrollbar-3dlight-color: #cccccc ;
		scrollbar-darkshadow-color: #cccccc ;
		scrollbar-shadow-color: #666666 ;
		scrollbar-highlight-color: #cccccc ; 
		outline-color: #cccccc ;
		outline-style: #cccccc ; 
		outline-width: 0 ; 
		inherit: #000000 ;
}

#serverStatus
{
	position:absolute;
	left:4px;
	top:79%;
	border:1 px dotted gray;
	width:100px;
	height:15%;
	/* background-color:#222222; */
	background-image:url('./fond_vodathome_3.jpg');
	font-size:10px;
	text-align:left;
	border:ridge;
}

.tHeader
{
	/* background-color:#444444; */
	color:#BBBBBB;
	border-bottom:1px solid #888888;
}
